<template>
  <div>
    用户名：<input type="text"><br>
    密码：<input type="text">
  </div>
</template>

<script>
export default {
  created() {
    console.log("UserName 组件初始化/创建完毕");
  },
  destroyed() {
    console.log("UserName 组件销毁了");
  },
  // activated / deactivated 是 keep-alive 的生命周期钩子
  // 组件激活时
  activated() {
    console.log("activated -  UserName 组件激活时");
  },
  // 组件
  deactivated() {
    console.log("deactivated -  UserName 组件非激活时");
  },
};
</script>